<template>
  <div style="width:1920px;height:1080px" ref="chartsDOM"></div>
 </template>


<script>
import * as echarts from 'echarts';
import ChinaJson from '../assets/json/China2.json'

export default {
  mounted :function() {
    var myChart = echarts.init(this.$refs["chartsDOM"]);
    // 显示 loading 动画
    echarts.registerMap('China',{
      geoJSON:ChinaJson,
    })



    // 再得到数据的基础上，进行地图绘制

    var option = {
      tooltips:{},//配置提示框
      series:[
        {
          name:'中国地图',
        type: 'map',
        map:'China',
        label:{
          show:true
        },
        data:[
          {name:"北京市",value:22455}
        ]
        },
        
      

      ]


    }

    myChart.setOption(option);
    myChart.on("click",(params)=>{
      console.log(params);
    });
  }
}




</script>

<style scoped>
/* 添加样式，可根据需要自定义样式 */
</style>
